@import './manage';
@import './product';
@import './quickcss';

.powercord-snippet-apply {
  color: var(--text-muted);
  border-right: 1px var(--background-accent) solid;

  div {
    margin: 0 8px;
    white-space: nowrap;
    font-size: 14px;
    padding: 3px 5px;
    transition: background-color .1s;
  }

  &:not(.applied) {
    color: var(--text-normal);

    div {
      cursor: pointer;

      &:hover {
        background-color: var(--interactive-muted);
      }
    }
  }
}

.powercord-plugin-soon {
  display: flex;
  flex-direction: column;
  align-items: center;

  .wumpus {
    width: 75%;
    background-size: contain;
    margin-top: 45px;
    margin-bottom: 35px;

    img {
      pointer-events: none;
      width: 100%;
      opacity: 0;
    }
  }

  p {
    font-size: 18px;
    margin-bottom: 0;
    opacity: .7;
  }

  div {
    margin-top: 20px;
    display: flex;

    a {
      margin: 0 10px;
    }
  }
}

.theme-dark .powercord-plugin-soon .wumpus {
  background-image: url(/assets/8c998f8fb62016fcfb4901e424ff378b.svg);
}

.theme-light .powercord-plugin-soon .wumpus {
  background-image: url(/assets/645df33d735507f39c78ce0cac7437f0.svg);
}

.PluginDownloaderApply {
  color: var(--text-muted);
  border-right: 1px var(--background-accent) solid;

  div {
    margin: 0 8px;
    white-space: nowrap;
    font-size: 14px;
    padding: 3px 5px;
    transition: background-color .1s;
  }

  &:not(.applied) {
    color: var(--text-normal);

    div {
      cursor: pointer;

      &:hover {
        background-color: var(--interactive-muted);
      }
    }
  }
}